@charset "utf8";
main{
	width: 100%;
	height: 5250px;
	background: #fff;
}
main div#nav{
		height: 91px;
		background: #ffffff;
	}
	.sticky{
		position: fixed;
		top: 0;
		width: 1104px;
		z-index: 100;
	}
	main div#nav div.main_left{
	    width: 670px;
		height: 91px;
		back ground: #ffff00;
		float: left;
	}
	main div#nav div.main_left ul li a{
		line-height: 91px;
		padding: 0 6px;
		float: left;
	}
	main div#nav div.main_left ul li img{
		margin-top: 20px;
		line-height: 91px;
		float: left;
	}
	main div#nav div.main_left ul li a:hover{
		color: #ff6700;
	}
/* ----------------------------------------------------- */
main div#nav div.main_right{
	width: 265px;
	height: 45px;
	backgro und: #00ffff;
	float: right;
	border: 1px solid #e0e0e0;
	margin-top: 20px;
}
main div#nav div.main_right ul li{
	float: right;
	height: 45px;
	margin:12px 6px;
}
main div#nav div.main_right ul li+li.shuxian{
	border-left:1px solid #e0e0e0 ;
	margin:0 8px;
	
}
main div#nav div.main_right ul li i.search{
	bo rder: 1px solid red;
	padding: 0 10px;
	background: url(../img/search.png) no-repeat;
}
main div#nav div.main_right ul li.c1{
	border: 1px solid #eeeeee;
	height: 20px;
	width: 50px;
	background:#eee ;
}
main div#nav div.main_right ul li.s{
	border: 1px solid #eeeeee;
	height: 20px;
	width: 85px;
	background:#eee ;
}
main div#nav div.main_right ul li.s:hover{
	color: #fff;
	background-color: #ff6700;
}
main div#nav div.main_right ul li.c1:hover{
	color: #fff;
	background-color: #ff6700;
}
/* ----------------------------------------------------------------------- */
/* 轮播图 */
main div#center_aside{
	height: 335px;
	bord er: 1px solid red;
}
main  div#center_aside aside{
	height: 335px;
	width: 212px;
	background:#8c8c8c;
	float: left;
	}
main  div#center_aside aside ul.sidebar li span{
	float: right;
	margin-right: 80px;
	margin-top: 5px;
	color: #fff;
}
main  div#center_aside aside ul.sidebar div{
	width: 400px;
	height: 335px;
	border: 1px solid red;
	position: absolute;
	left: 355px;
	display: none;
	background: #fff;
	z-index: 99;
}
main  div#center_aside figure{
	float: right;
	width: 890px;
	height: 350px;
	backgro und: #ffe7fc;
	float: right;
}
main div#center_aside aside ul li{
	width: 235px;
	height:30px ;
	/* 相对定位--挂靠点 */
	position: relative;
	text-align: left;
	line-height: 30px;
	top: 15px;
	/* 内边距：宽度增加 */
	padding-left: 30px;
}
main div#center_aside aside ul li:hover{
	background-color:#ff6700 ;
}

/* ------------------------------------------------------------------------ */
main div#picture{
	bor der: 1px solid red;
	height: 154px;
	margin-top: 20px;
}
main div#picture ul li{
	float: left;
	margin-left: 8.5px;	
}
main div#picture ul li:hover{
	filter: drop-shadow(0 0 8px #c1bbbf);
}
main div#picture ul li:first-child{
	margin: 0;
}
main div#picture ul li.b1{
	width: 212px;
	height: 154px;
	background: url(../img/left.png) no-repeat;
	padding: 0 7px;
	filter: none;
}
main div#picture ul li.b2{
	width: 284px;
	height: 154px;
	background: url(../img/subnav_icon01.png) no-repeat;
	}
main div#picture ul li.b3{
	width: 284px;
	height: 154px;
	background: url(../img/subnav_icon02.jpg) no-repeat;
	}
	main div#picture ul li.b4{
		width: 284px;
		height: 154px;
		background: url(../img/subnav_icon03.png) no-repeat;
		}
	/* -------------------------------------------------------- */
	/* 小米明星单品导航栏 */
		main div#star{
			height: 86px;
		}
		main div#star div.star_left{
			font-size: 18px;
			line-height: 86px;
			float: left;
		}
		main div#star div.star_right{
			float: right;
			margin-top: 45px;
		}
		main div#star div.star_right ul li.s1{
			border: 1px solid #e0e0e0;
			height: 16px;
			width: 35px;
			float: right;
		}
		main div#star div.star_right ul li.s1 span{
			margin-left:13px ;
		}
		main div#star div.star_right ul li.s2{
			border: 1px solid #e0e0e0;
			height: 16px;
			width: 35px;
			float: right;
			}
			main div#star div.star_right ul li.s2 span{
			margin-left:13px ;	
			}
	/* ---------------------------------------------------- */
	 /* 小米明星单品 */ 
		main div#stars{
			height: 310px;
			margin: 20px auto;
			bord er: 1px solid red;
		}
		main div#stars div.container_star dl:first-child{
			margin: 0;
		}
		main div#stars div.container_star dl{
			width: 200px;
			height: 310px;
			background: #fafafa;
			float: left;
			text-align: center;
			margin-left: 25px;
		}
		main div#stars div.container_star dl.container_star_one{
			border-top: 1px solid #ffaa00;
		}
		div.container_star dl dt img.f1{
			margin: 50px auto 30px auto;
		}
		main div#stars div.container_star dl.container_star_two{
			border-top: 1px solid #83c44e;
		}
		div.container_star dl dt img.f2{
			margin: 30px auto 10px auto;
		}
		main div#stars div.container_star dl.container_star_three{
			border-top: 1px solid #2196f3;
		}
		div.container_star dl dt img.f3{
			margin: 90px auto 50px auto;
		}
		main div#stars div.container_star dl.container_star_four{
			border-top: 1px solid #e53935;
		}
		div.container_star dl dt img.f4{
			margin: 30px auto 15px auto;
		}
		main div#stars div.container_star dl.container_star_five{
			border-top: 1px solid #00c0a5;
		}
		div.container_star dl dt img.f5{
			margin: 30px auto 23px auto;
		}
		div.container_star dl dd.product_content{
			color: #afafaf;
			font-size:12px;
			line-height:40px;
		}
		div.container_star dl dd.product_price{
			color: #ff6709;
			font-size: 14px;
		}
	/* --------------------------------------------------- */
	/* 智能硬件导航栏 */
		main div#hardware1{
			height: 60px;
			bord er: 1px solid red;
			margin: 20px auto;
		}
		main div#hardware1 div.hardware1_left{
			font-size: 20px;
			float: left;
			margin: 30px 0px;
		}
		main div#hardware1 div.hardware1_right li{
			float: right;
			height: 20px;
			width: 20px;
			background: url(../img/hardware_morebtn.png);
			margin-left:10px ;
			}
		main div#hardware1 div.hardware1_right{
			float: right;
			margin: 30px;
		}
	/* ----------------------------------------------- */	
	/* 智能硬件图片 */
		main div#hardware2{
			height: 615px;
			margin: 20px auto;
			bord er: 1px solid red;
		}
		main div#hardware2 div.hardware2_subpage_top dl.kid{
			width: 212px;
			height: 551px;
			float: left;
			margin-left: -80px;
			margin-right: 20px;
			text-align: center;
			}
		main div#hardware2 div.hardware2_subpage_top dl.kid dd.kid1{
			font-size: 20px;
			margin:-550px auto 10px;
		}	
		main div#hardware2 div.hardware2_subpage_top dl.kid dd.kid3{
			font-size: 30px;
			margin-top: 20px;
			color: #00a8ff;
		}	
			main div#hardware2 div.hardware2_subpage_top dl.kid:hover{
				filter: none;
			}
		main div#hardware2 div.hardware2_subpage_top dl{ 
			width: 212px;
			height: 300px;
			background: #fafafa;
			float: left;
			text-align: center;
			margin:3px;
			}
		main div#hardware2 div.hardware2_subpage_bottom dl{
				width: 212px;
				height: 300px;
				background: #fafafa;
				float: left;
				text-align: center;
				margin:15px 3px;
				}	
		main div#hardware2 div.hardware2_subpage_top dl img.subpage1{	
			margin: 90px auto 30px auto;
			}
	/* ------------------------------------------------ */	
	/* 搭配导航栏 */	
		main div#match1{
			height: 60px;
			bor der: 1px solid red;
			margin: 20px auto;
		}
		main div#match1 div.match1_left{
			font-size: 20px;
			float: left;
			margin: 30px 0px;
		}
		main div#match1 div.match1_right a{
			float: right;
			margin: 30px 10px;
		}
		main div#match1 div.match1_right a:hover{
			color: #ff6709;
			text-decoration: underline #ff6709;
			}
		/* ----------------------------------------------- */	
		/* 搭配图片 */
		main div#match2{
			height: 615px;
			margin: 20px auto;
			bord er: 1px solid red;
		}
		main div#match2 div.match2_subpage_top dl.dapei{
			float: left;
			margin-left: -40px;
			margin-right: 12px;
			}
		main div#match2 div.match2_subpage_top dl{
			width: 212px;
			height: 300px;
			background: #fafafa;
			float: left;
			text-align: center;
			margin:0 4px;
		}
		main div#match2 div.match2_subpage_top dl:hover{
			filter:drop-shadow(0 0 8px #c1bbbf) ;
		}
		main div#match2 div.match2_subpage_top dl dt img.subpage1{
			margin: 50px auto 20px auto;
		}
		main div#match2 div.match2_subpage_top dl dt img.subpage2{
			margin: 55px auto 20px auto;
		}
		main div#match2 div.match2_subpage_top dl dt img.subpage3{
			margin: 120px auto 50px auto;
		}
		main div#match2 div.match2_subpage_top dl dt img.subpage4{
			margin: 20px auto 10px auto;
		}
		main div#match2 div.match2_subpage_bottom dl.dapei1{
			margin-left: -1px;
			float: left;
			margin-right: 12px;
			}
		main div#match2 div.match2_subpage_bottom dl{
			width: 212px;
			height: 300px;
			background: #fafafa;
			float: left;
			text-align: center;
			margin:15px 4px;
			}
			main div#match2 div.match2_subpage_bottom dl:hover{
				filter:drop-shadow(0 0 8px #c1bbbf) ;
			}
		main div#match2 div.match2_subpage_bottom dl.dapei1{
			margin-left: -1px;
			float: left;
			margin-right: 13px;
			}	
		main div#match2 div.match2_subpage_bottom dl dt img.subpage1{
			margin: 50px auto 20px auto;
		}
		main div#match2 div.match2_subpage_bottom dl dt img.subpage2{
			margin: 55px auto 20px auto;
		}
		main div#match2 div.match2_subpage_bottom dl dt img.subpage3{
			margin: 60px auto 30px auto;
		}	
		main div#match2 div.match2_subpage_bottom dl.dapei2 dt img.subpage4{
			margin-bottom:20px ;
		}	
		/* ---------------------------------------- */	
		/* 周边导航栏 */	
		main div#rim1{
			height: 60px;
			bord er: 1px solid red;
			margin: 20px auto;
		}
		main div#rim1 div.rim1_left{
			font-size: 20px;
			float: left;
			margin: 30px 0px;
		}
		main div#rim1 div.rim1_right a{
			float: right;
			margin: 30px 10px;
		}
		main div#rim1 div.rim1_right a:hover{
			color: #ff6709;
			text-decoration: underline #ff6709;
			}
		/* ---------------------------------- */	
		/* 周边图片 */
		main div#rim2{
			height: 615px;
			margin: 20px auto;
			bord er: 1px solid red;
		}
		main div#rim2 div.rim2_hot_top dl.peijian{
			float: left;
			margin-left: -40px;
			margin-right: 12px;
			}
			main div#rim2 div.rim2_hot_top dl.peijian:hover{
				filter: drop-shadow(0 0 8px #c1bbbf);
				}
		main div#rim2 div.rim2_hot_top dl{
			width: 212px;
			height: 300px;
			background: #fafafa;
			float: left;
			text-align: center;
			margin:0 4px;
		}
		main div#rim2 div.rim2_hot_top dl:hover{
			filter: drop-shadow(0 0 8px #c1bbbf);
		}
		main div#rim2 div.rim2_hot_top dl dt img.hot1{
			margin: 40px auto 30px auto;
		}
		main div#rim2 div.rim2_hot_bottom dl.peijian1{
			margin-left: -1px;
			float: left;
			margin-right: 12px;
			}
		main div#rim2 div.rim2_hot_bottom dl.peijian1:hover{
			filter: drop-shadow(0 0 8px #c1bbbf);
				}
		main div#rim2 div.rim2_hot_bottom dl{
			width: 212px;
			height: 300px;
			background: #fafafa;
			float: left;
			text-align: center;
			margin:15px 4px;
			}
		main div#rim2 div.rim2_hot_bottom dl:hover{
			filter: drop-shadow(0 0 8px #c1bbbf);
		}	
		main div#rim2 div.rim2_hot_bottom dl.peijian1{
			margin-left: -1px;
			float: left;
			margin-right: 13px;
			}	
		main div#rim2 div.rim2_hot_bottom dl dt img.hot1{
			margin: 50px auto 20px auto;
		}
		main div#rim2 div.rim2_hot_bottom dl dt img.hot2{
			margin: 50px auto 20px auto;
		}
		main div#rim2 div.rim2_hot_bottom dl dt img.hot3{
			margin: 40px auto 30px auto;
		}	
		main div#rim2 div.rim2_hot_bottom dl.dapei2 dt img.hot4{
			margin-bottom:20px ;
		}	
		/* --------------------------------------- */
		/* 配件导航栏 */
		main div#attachment1{
			height: 60px;
			borde r: 1px solid red;
			margin: 20px auto;
		}
		main div#attachment1 div.attachment1_left{
			font-size: 20px;
			float: left;
			margin: 30px 0px;
		}
		main div#attachment1 div.attachment1_right a{
			float: right;
			margin: 30px 10px;
		}
		main div#attachment1 div.attachment1_right a:hover{
			color: #ff6709;
			text-decoration: underline #ff6709;
			}
		/* ---------------------------------------- */	
		/* 配件图片 */
		main div#attachment2{
			height: 615px;
			margin: 20px auto;
			bo rder: 1px solid red;
		}
		main div#attachment2 div.attachment2_protect_top dl.zhoubian{
			float: left;
			margin-left: -40px;
			margin-right: 12px;
			}
			main div#attachment2 div.attachment2_protect_top dl.zhoubian:hover{
				filter: drop-shadow(0 0 8px #c1bbbf);
				}
		main div#attachment2 div.attachment2_protect_top dl{
			width: 212px;
			height: 300px;
			background: #fafafa;
			float: left;
			text-align: center;
			margin:0 4px;
		}
		main div#attachment2 div.attachment2_protect_top dl:hover{
			filter: drop-shadow(0 0 8px #c1bbbf);
		}
		main div#attachment2 div.attachment2_protect_top dl dt img.protect1{
			margin: 40px auto 30px auto;
		}
		main div#attachment2 div.attachment2_protect_bottom dl.zhoubian1{
			margin-left: -1px;
			float: left;
			margin-right: 12px;
			}
		main div#attachment2 div.attachment2_protect_bottom dl.zhoubian1:hover{
			filter: drop-shadow(0 0 8px #c1bbbf);
				}
		main div#attachment2 div.attachment2_protect_bottom dl{
			width: 212px;
			height: 300px;
			background: #fafafa;
			float: left;
			text-align: center;
			margin:15px 4px;
			}
		main div#attachment2 div.attachment2_protect_bottom dl:hover{
			filter: drop-shadow(0 0 8px #c1bbbf);
		}	
		main div#attachment2 div.attachment2_protect_bottom dl.zhoubian1{
			margin-left: -1px;
			float: left;
			margin-right: 13px;
			}	
		main div#attachment2 div.attachment2_protect_bottom dl dt img.protect1{
			margin: 40px auto 30px auto;
		}	
		main div#attachment2 div.attachment2_protect_bottom dl.dapei2 dt img.protect4{
			margin-bottom:20px ;
		}
		/* ------------------------------------------- */
		/* 热评产品导航栏 */
		main div#sell1{
			height: 60px;
			bor der: 1px solid red;
			margin: 20px auto;
		}
		main div#sell1 div{
			font-size: 20px;
			margin-top: 15px;
			}
		/* ---------------------------------------------- */	
		/* 热评产品图片 */
		main div#sell2{
			height: 378px;
			bor der: 1px solid red;
			margin: 20px auto;
		}
		main div#sell2 div.sells dl{
			height: 378px;
			width: 265px;
			background: #fafafa;
			float: left;
			margin:0 5px;
		}
		main div#sell2 div.sells dl dd.product_content1{
			font-size: 10px;
			margin:-15px 25px 20px 25px;
			color: #b0b0b0;
		}
		main div#sell2 div.sells dl dd.product_content{
			font-size: 10px;
			margin:20px 25px;
			color: #b0b0b0;
		}
		main div#sell2 div.sells dl dd.product a{
			font-size: 12px;
			margin:0px 25px;
		}
		main div#sell2 div.sells dl dd.product a.price{
			margin:-10px -10px;
			color: #ff6700;
			border-left: 1px solid #000;
			padding: 0 8px;
		}
		main div#sell2 div.sells dl:hover{
			filter:drop-shadow(0 0 8px #c1bbbf) ;
		}
		/* ----------------------------------------- */
		/* 内容导航栏 */
		/* 热评产品导航栏 */
		main div#details1{
			height: 60px;
			bor der: 1px solid red;
			margin: 20px auto;
		}
		main div#details1 div{
			font-size: 20px;
			margin-top: 15px;
			}
		/* -------------------------------------------- */
		/* 热评产品图片 */
		main div#details2{
			height: 378px;
			bor der: 1px solid red;
			margin: 20px auto;
		}
		main div#details2 div.classify dl{
			height: 378px;
			width: 265px;
			background: #fafafa;
			text-align: center;
			float: left;
			margin:0 5px;
		}
		main div#details2 div.classify dl.orange{
			border-top: 1px solid #ffbe66;
		}
		main div#details2 div.classify dl.green{
			border-top: 1px solid #83c44e;
		}
		main div#details2 div.classify dl.red{
			border-top: 1px solid #e53935;
		}
		main div#details2 div.classify dl.blue{
			border-top: 1px solid #2196f3;
		}
		main div#details2 div.classify dl dd.orange{
			color: #ffbe66;
			margin-top: 40px;
		}
		main div#details2 div.classify dl dd.green{
			color: #83c44e;
			margin-top: 40px;
		}
		main div#details2 div.classify dl dd.red{
			color: #e53935;
			margin-top: 40px;
		}
		main div#details2 div.classify dl dd.blue{
			color: #2196f3;
			margin-top: 40px;
		}
		/* -------------------------------------------------- */
		/*视频导航栏  */
		main div#video1{
			height: 60px;
			bor der: 1px solid red;
			margin: 20px auto;
		}
		main div#video1 div.video1_left{
			font-size: 20px;
			float: left;
			margin: 30px 0px;
		}
		main div#video1 div.video1_right li{
			float: right;
			height: 20px;
			width: 20px;
			background: url(../img/hardware_morebtn.png);
			margin-left:10px ;
			}
		main div#video1 div.video1_right{
			float: right;
			margin: 30px;
		}
		main div.video2{
			height: 264px;
			margin: 20px auto;
			bo rder: 1px solid red;
		} 
		main div.video2 dl{
			height: 264px;
			width: 266px;
			background: #fafafa;
			text-align: center;
			float: left;
			margin:0 auto;
			margin-right: 10px;
		}
		main div.video2 dl:first-child{
			margin-left: -40px;
		}
		main div.video2 dl:hover{
			filter:drop-shadow(0 0 8px #c1bbbf) ;
		}